<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0user-scalable=no">
    <title>团购网站-商品详情</title>
    <link rel="stylesheet" href="./css/Detail.css">
</head>

<body>
    <div class="wrap">
        <header>
            <div class="logo header_back">
                <a href="index.html">Back</a>
            </div>
            <div class="header_title">
                <h1>产品详情</h1>
            </div>
            <div class="locationBox iconStareBox">
                <i class="iconfont icon-star iconStartBig"></i>
            </div>
        </header>
        <main>
            <div class="banner">
                <div class="imgBox_banner">
                    <div class="imgBox"><img src="./images/detailImg/detailbanner.jpg" alt=""></div>
                    <div class="imgBox"><img src="./images/detailImg/detailbanner.jpg" alt=""></div>
                    <div class="imgBox"><img src="./images/detailImg/detailbanner.jpg" alt=""></div>
                </div>
            </div>
            <div class="detail-product">
                <div class="pro-row-1">
                    <div class="row_left">
                        <span>￥32</span>
                    </div>
                    <div class="row_right">
                        <button>购买</button>
                    </div>
                </div>
                <div class="pro-row-2">
                    <div class="row_left">
                        <span>好评度</span>
                        <span>99%</span>
                    </div>
                    <div class="row_right">
                        <a>共605个评价></a>
                    </div>

                </div>
            </div>
            <div class="suitMer">
                <div class="suit-title">
                    <h2>使用商户</h2>
                    <span>&gt;</span>
                </div>
                <div class="suitItems">
                    <div class="suit-item">
                        <div class="suit-item-left">
                            <img src="./images/detailImg/detail1.jpg" alt="">
                            <span>正佳店</span>
                        </div>
                        <div class="suit-item-mid">
                            <h3>万岁寿司(正佳店)</h3>
                            <div class="iconBox">
                                <i class="iconfont icon-star iconStareSmall"></i>
                                <i class="iconfont icon-star iconStareSmall"></i>
                                <i class="iconfont icon-star iconStareSmall"></i>
                                <i class="iconfont icon-star iconStareSmall"></i>
                                <i class="iconfont icon-star iconStareSmall"></i>
                                10分
                            </div>
                            <p>离你100m</p>
                            <a href="#">查看详情 &lt;&lt;</a>
                        </div>
                        <div class="suit-item-right">
                            <button>进入</button>
                        </div>
                    </div>
                    <div class="suit-item">
                        <div class="suit-item-left">
                            <img src="./images/detailImg/detail1.jpg" alt="">
                            <span>正佳店</span>
                        </div>
                        <div class="suit-item-mid">
                            <h3>万岁寿司(正佳店)</h3>
                            <div class="iconBox">
                                <i class="iconfont icon-star iconStareSmall"></i>
                                <i class="iconfont icon-star iconStareSmall"></i>
                                <i class="iconfont icon-star iconStareSmall"></i>
                                <i class="iconfont icon-star iconStareSmall"></i>
                                <i class="iconfont icon-star iconStareSmall"></i>
                                10分
                            </div>
                            <p>离你100m</p>
                            <a href="#">查看详情 &lt;&lt;</a>
                        </div>
                        <div class="suit-item-right">
                            <button>进入</button>
                        </div>
                    </div>
                    <div class="suit-item">
                        <div class="suit-item-left">
                            <img src="./images/detailImg/detail1.jpg" alt="">
                            <span>正佳店</span>
                        </div>
                        <div class="suit-item-mid">
                            <h3>万岁寿司(正佳店)</h3>
                            <div class="iconBox">
                                <i class="iconfont icon-star iconStareSmall"></i>
                                <i class="iconfont icon-star iconStareSmall"></i>
                                <i class="iconfont icon-star iconStareSmall"></i>
                                <i class="iconfont icon-star iconStareSmall"></i>
                                <i class="iconfont icon-star iconStareSmall"></i>
                                10分
                            </div>
                            <p>离你100m</p>
                            <a href="#">查看详情 &lt;&lt;</a>
                        </div>
                        <div class="suit-item-right">
                            <button>进入</button>
                        </div>
                    </div>
                </div>
            </div>

        </main>
        <footer>
            <ul>
                <li><a href="index.html"><i class="iconfont iconfont_footer icon-shouye-shouye"></i><span>首页</span></a>
                </li>
                <li><a href="Find.html"><i class="iconfont iconfont_footer icon-faxian"></i><span>发现</span></a></li>
                <li><a href="Classify.html"><i class="iconfont iconfont_footer icon-fenlei1"></i><span>分类</span></a>
                </li>
                <li><a href="Home.html"><i class="iconfont iconfont_footer icon-wode"></i><span>我的</span></a></li>
            </ul>
        </footer>
    </div>
</body>

</html>